$(function () {
    // 获取用户信息
    getUserInfo()

    // 退出
    $('#btnLogout').on('click', function (e) {
        console.log('点击了退出按钮');
        // 搞一个弹框
        layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function (index) {
            //do something
            //  退出逻辑
            localStorage.clear()
            location.href = '/login.html'
            layer.close(index);
        })
    })
})

function getUserInfo() {
    $.ajax({
        url: '/my/userinfo',
        method: 'GET',
        success: function (res) {
            console.log(res)
            // 处理异常
            if (res.status !== 0) {
                return layer.msg(res.message)
            }
            // 填充用户信息
            renderAavatar(res.data)
        },
    })
}
/**
 * 思路：
 * 1. 寻找页面写死的地方
 * 
 * 2. 搞清楚需求，哪些地方需要填充什么样的数据，
 * 需求不清楚可以参考线上效果，工作过程中参考产品文档，
 * 产品文档看不明白直接问产品
 * 
 * 3. 请求接口将活的数据填充进去
 */
function renderAavatar(user) {
    // 1. 获取用户名，有nickname取nickname,没有nickname取username
    var uname = user.nickname || user.username
    $('#welcome').html('欢迎 ' + name)
    // 填充用户头像
    if (user.user_pic) {
        // 用户有图片头像，填充图片头像，隐藏文字头像
        $('.layui-nav-img').attr('src', user.user_pic).show()
        $('.text-avatar').hide()
    } else {
        // 用户没有图片头像，隐藏图片头像，填充文字对象
        $('.layui-nav-img').hide()
        $('.text-avatar').html(uname[0].toUpperCase()).show()
    }
}



